﻿<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>

<body>
  <!--

    pause（）：暂停播放
    myVideo.currentSrc:视频的来源路径
    myVideo.currentTime：视频当前开始播放的时间
    myVideo.VideoWidth---myVideo.Videoheight：视频元素的宽和高
    myVideo.width----myVideo.height：Video标签的宽和高
    myVideo.duration:视频的总时长，以秒为单位。
    myVideo.ended：视频是否结束
    myVideo.paused：视频是否暂停



    arr.ontimeupdate = function(){

    }监听当前时间变化事件

    arr.onloadeddate = function(){

    }

    .getBoundingClientRect().left  某个元素到视口的距离

   -->
  <video src="videos/张全蛋.mp4" id="myVideo" controls width="500px" height="400px"></video>
  <button id="btn">暂停/播放</button>
</body>
<script>
</script>
</html>
